import React, { memo } from 'react';

import { renderRoutes } from "react-router-config";
import { Provider } from "react-redux"
import ZYTAppHeader from 'components/app-header';
import ZYTAppFooter from 'components/app-footer';
import routers from "./router";
import { HashRouter } from "react-router-dom";
import store from "./store";

export default memo(function App() {
  return (
    <Provider store={ store }>
      <HashRouter>
        <ZYTAppHeader />
        { renderRoutes(routers) }
        <ZYTAppFooter />
      </HashRouter>
    </Provider>
  )
})
